<template>
    <div
    class="home-index-root"
 >
        <div style="
            display: flex; height: 100%; 
            align-items: center;justify-content: center;    
        ">
            <menu_ style="margin: 10px;" :PageJump="PageJump"> </menu_>

            <div class="router-view" style="height:98%;width: 100%;margin-right: 10px;">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
import menu_ from "../components/menu.vue"
export default {
    name: 'SchoolForumIndex',
    components:{menu_},
    data() {
        return {
        };
    },

    mounted() {
      
    },

    methods: {
        PageJump(path){
            console.log(path);
            this.$router.replace({
                path:"/index/"+path
            })
        }
    },
};
</script>

<style lang="scss" scoped>
.home-index-root{
    width: 100%; 
    height: 100%; 
}
.router-view{
    margin-left: 10px;
    // border: 1px solid ;
}
</style>